.bk-root {
  position: relative;
  width: auto;
  height: auto;
  z-index: 0;
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  /* Same border color used everywhere */
  /* Gray of icons */
}
.bk-root .bk,
.bk-root .bk:before,
.bk-root .bk:after {
  box-sizing: inherit;
  margin: 0;
  border: 0;
  padding: 0;
  background-image: none;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.42857143;
}
.bk-root pre.bk {
  font-family: Courier, monospace;
}
.bk-root .bk-clearfix:before,
.bk-root .bk-clearfix:after {
  content: "";
  display: table;
}
.bk-root .bk-clearfix:after {
  clear: both;
}
.bk-root .bk-shading {
  position: absolute;
  display: block;
  border: 1px dashed green;
}
.bk-root .bk-tile-attribution a {
  color: black;
}
.bk-root .bk-tool-icon-box-select {
  background-image: url("");
}
.bk-root .bk-tool-icon-box-zoom {
  background-image: url("");
}
.bk-root .bk-tool-icon-zoom-in {
  background-image: url("");
}
.bk-root .bk-tool-icon-zoom-out {
  background-image: url("");
}
.bk-root .bk-tool-icon-help {
  background-image: url("");
}
.bk-root .bk-tool-icon-hover {
  background-image: url("");
}
.bk-root .bk-tool-icon-crosshair {
  background-image: url("");
}
.bk-root .bk-tool-icon-lasso-select {
  background-image: url("");
}
.bk-root .bk-tool-icon-pan {
  background-image: url("");
}
.bk-root .bk-tool-icon-xpan {
  background-image: url("");
}
.bk-root .bk-tool-icon-ypan {
  background-image: url("");
}
.bk-root .bk-tool-icon-range {
  background-image: url("");
}
.bk-root .bk-tool-icon-polygon-select {
  background-image: url("");
}
.bk-root .bk-tool-icon-redo {
  background-image: url("");
}
.bk-root .bk-tool-icon-reset {
  background-image: url("");
}
.bk-root .bk-tool-icon-save {
  background-image: url("");
}
.bk-root .bk-tool-icon-tap-select {
  background-image: url("");
}
.bk-root .bk-tool-icon-undo {
  background-image: url("");
}
.bk-root .bk-tool-icon-wheel-pan {
  background-image: url("");
}
.bk-root .bk-tool-icon-wheel-zoom {
  background-image: url("");
}
.bk-root .bk-tool-icon-box-edit {
  background-image: url("");
}
.bk-root .bk-tool-icon-freehand-draw {
  background-image: url("");
}
.bk-root .bk-tool-icon-poly-draw {
  background-image: url("");
}
.bk-root .bk-tool-icon-point-draw {
  background-image: url("");
}
.bk-root .bk-tool-icon-poly-edit {
  background-image: url("");
}
.bk-root .bk-logo {
  margin: 5px;
  position: relative;
  display: block;
  background-repeat: no-repeat;
}
.bk-root .bk-logo.bk-grey {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.bk-root .bk-logo-notebook {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.bk-root .bk-logo-small {
  width: 20px;
  height: 20px;
  background-image: url();
}
.bk-root .bk-caret {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin: 0 5px;
}
.bk-root .bk-caret.bk-down {
  border-top: 4px solid;
}
.bk-root .bk-caret.bk-up {
  border-bottom: 4px solid;
}
.bk-root .bk-caret.bk-down,
.bk-root .bk-caret.bk-up {
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.bk-root .bk-caret.bk-left {
  border-right: 4px solid;
}
.bk-root .bk-caret.bk-right {
  border-left: 4px solid;
}
.bk-root .bk-caret.bk-left,
.bk-root .bk-caret.bk-right {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.bk-root .bk-menu {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  cursor: pointer;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.bk-root .bk-menu.bk-above {
  bottom: 100%;
}
.bk-root .bk-menu.bk-below {
  top: 100%;
}
.bk-root .bk-menu > .bk-divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.bk-root .bk-menu > :not(.bk-divider) {
  padding: 6px 12px;
}
.bk-root .bk-menu > :not(.bk-divider):hover {
  background-color: #e6e6e6;
}
.bk-root .bk-tabs-header {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  overflow: hidden;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.bk-root .bk-tabs-header .bk-btn-group {
  height: auto;
  margin-right: 5px;
}
.bk-root .bk-tabs-header .bk-btn-group > .bk-btn {
  flex-grow: 0;
  -webkit-flex-grow: 0;
  height: auto;
  padding: 4px 4px;
}
.bk-root .bk-tabs-header .bk-headers-wrapper {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  overflow: hidden;
  color: #666666;
}
.bk-root .bk-tabs-header.bk-above .bk-headers-wrapper {
  border-bottom: 1px solid #e6e6e6;
}
.bk-root .bk-tabs-header.bk-right .bk-headers-wrapper {
  border-left: 1px solid #e6e6e6;
}
.bk-root .bk-tabs-header.bk-below .bk-headers-wrapper {
  border-top: 1px solid #e6e6e6;
}
.bk-root .bk-tabs-header.bk-left .bk-headers-wrapper {
  border-right: 1px solid #e6e6e6;
}
.bk-root .bk-tabs-header.bk-above,
.bk-root .bk-tabs-header.bk-below {
  flex-direction: row;
  -webkit-flex-direction: row;
}
.bk-root .bk-tabs-header.bk-above .bk-headers,
.bk-root .bk-tabs-header.bk-below .bk-headers {
  flex-direction: row;
  -webkit-flex-direction: row;
}
.bk-root .bk-tabs-header.bk-left,
.bk-root .bk-tabs-header.bk-right {
  flex-direction: column;
  -webkit-flex-direction: column;
}
.bk-root .bk-tabs-header.bk-left .bk-headers,
.bk-root .bk-tabs-header.bk-right .bk-headers {
  flex-direction: column;
  -webkit-flex-direction: column;
}
.bk-root .bk-tabs-header .bk-headers {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
}
.bk-root .bk-tabs-header .bk-tab {
  padding: 4px 8px;
  border: solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.bk-root .bk-tabs-header .bk-tab:hover {
  background-color: #f2f2f2;
}
.bk-root .bk-tabs-header .bk-tab.bk-active {
  color: #4d4d4d;
  background-color: white;
  border-color: #e6e6e6;
}
.bk-root .bk-tabs-header .bk-tab .bk-close {
  margin-left: 10px;
}
.bk-root .bk-tabs-header.bk-above .bk-tab {
  border-width: 3px 1px 0px 1px;
  border-radius: 4px 4px 0 0;
}
.bk-root .bk-tabs-header.bk-right .bk-tab {
  border-width: 1px 3px 1px 0px;
  border-radius: 0 4px 4px 0;
}
.bk-root .bk-tabs-header.bk-below .bk-tab {
  border-width: 0px 1px 3px 1px;
  border-radius: 0 0 4px 4px;
}
.bk-root .bk-tabs-header.bk-left .bk-tab {
  border-width: 1px 0px 1px 3px;
  border-radius: 4px 0 0 4px;
}
.bk-root .bk-close {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-image: url('data:image/svg+xml;utf8,\
    <svg viewPort="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg">\
      <line x1="1" y1="9" x2="9" y2="1" stroke="gray" stroke-width="2"/>\
      <line x1="1" y1="1" x2="9" y2="9" stroke="gray" stroke-width="2"/>\
    </svg>');
}
.bk-root .bk-close:hover {
  background-image: url('data:image/svg+xml;utf8,\
    <svg viewPort="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg">\
      <line x1="1" y1="9" x2="9" y2="1" stroke="red" stroke-width="2"/>\
      <line x1="1" y1="1" x2="9" y2="9" stroke="red" stroke-width="2"/>\
    </svg>');
}
.bk-root .bk-btn {
  height: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  padding: 6px 12px;
  font-size: 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  outline: 0;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.bk-root .bk-btn:hover,
.bk-root .bk-btn:focus {
  text-decoration: none;
}
.bk-root .bk-btn:active,
.bk-root .bk-btn.bk-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.bk-root .bk-btn[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.bk-root .bk-btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.bk-root .bk-btn-default:hover {
  background-color: #f5f5f5;
  border-color: #b8b8b8;
}
.bk-root .bk-btn-default.bk-active {
  background-color: #ebebeb;
  border-color: #adadad;
}
.bk-root .bk-btn-default[disabled],
.bk-root .bk-btn-default[disabled]:hover,
.bk-root .bk-btn-default[disabled]:focus,
.bk-root .bk-btn-default[disabled]:active,
.bk-root .bk-btn-default[disabled].bk-active {
  background-color: #e6e6e6;
  border-color: #ccc;
}
.bk-root .bk-btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.bk-root .bk-btn-primary:hover {
  background-color: #3681c1;
  border-color: #2c699e;
}
.bk-root .bk-btn-primary.bk-active {
  background-color: #3276b1;
  border-color: #285e8e;
}
.bk-root .bk-btn-primary[disabled],
.bk-root .bk-btn-primary[disabled]:hover,
.bk-root .bk-btn-primary[disabled]:focus,
.bk-root .bk-btn-primary[disabled]:active,
.bk-root .bk-btn-primary[disabled].bk-active {
  background-color: #506f89;
  border-color: #357ebd;
}
.bk-root .bk-btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.bk-root .bk-btn-success:hover {
  background-color: #4eb24e;
  border-color: #409240;
}
.bk-root .bk-btn-success.bk-active {
  background-color: #47a447;
  border-color: #398439;
}
.bk-root .bk-btn-success[disabled],
.bk-root .bk-btn-success[disabled]:hover,
.bk-root .bk-btn-success[disabled]:focus,
.bk-root .bk-btn-success[disabled]:active,
.bk-root .bk-btn-success[disabled].bk-active {
  background-color: #667b66;
  border-color: #4cae4c;
}
.bk-root .bk-btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.bk-root .bk-btn-info:hover {
  background-color: #4ab9db;
  border-color: #29a8cd;
}
.bk-root .bk-btn-info.bk-active {
  background-color: #39b3d7;
  border-color: #269abc;
}
.bk-root .bk-btn-info[disabled],
.bk-root .bk-btn-info[disabled]:hover,
.bk-root .bk-btn-info[disabled]:focus,
.bk-root .bk-btn-info[disabled]:active,
.bk-root .bk-btn-info[disabled].bk-active {
  background-color: #569cb0;
  border-color: #46b8da;
}
.bk-root .bk-btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.bk-root .bk-btn-warning:hover {
  background-color: #eea43b;
  border-color: #e89014;
}
.bk-root .bk-btn-warning.bk-active {
  background-color: #ed9c28;
  border-color: #d58512;
}
.bk-root .bk-btn-warning[disabled],
.bk-root .bk-btn-warning[disabled]:hover,
.bk-root .bk-btn-warning[disabled]:focus,
.bk-root .bk-btn-warning[disabled]:active,
.bk-root .bk-btn-warning[disabled].bk-active {
  background-color: #c89143;
  border-color: #eea236;
}
.bk-root .bk-btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.bk-root .bk-btn-danger:hover {
  background-color: #d5433e;
  border-color: #bd2d29;
}
.bk-root .bk-btn-danger.bk-active {
  background-color: #d2322d;
  border-color: #ac2925;
}
.bk-root .bk-btn-danger[disabled],
.bk-root .bk-btn-danger[disabled]:hover,
.bk-root .bk-btn-danger[disabled]:focus,
.bk-root .bk-btn-danger[disabled]:active,
.bk-root .bk-btn-danger[disabled].bk-active {
  background-color: #a55350;
  border-color: #d43f3a;
}
.bk-root .bk-btn-group {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.bk-root .bk-btn-group > .bk-btn {
  flex-grow: 1;
  -webkit-flex-grow: 1;
}
.bk-root .bk-btn-group > .bk-btn + .bk-btn {
  margin-left: -1px;
}
.bk-root .bk-btn-group > .bk-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.bk-root .bk-btn-group > .bk-btn:not(:first-child):last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.bk-root .bk-btn-group > .bk-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bk-root .bk-btn-group .bk-dropdown-toggle {
  flex: 0 0 0;
  -webkit-flex: 0 0 0;
  padding: 6px 6px;
}
.bk-root .bk-toolbar-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}
.bk-root .bk-toolbar,
.bk-root .bk-button-bar {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.bk-root .bk-toolbar .bk-logo {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
}
.bk-root .bk-toolbar-above,
.bk-root .bk-toolbar-below {
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.bk-root .bk-toolbar-above .bk-button-bar,
.bk-root .bk-toolbar-below .bk-button-bar {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.bk-root .bk-toolbar-above .bk-logo,
.bk-root .bk-toolbar-below .bk-logo {
  order: 1;
  -webkit-order: 1;
  margin-left: 5px;
  margin-right: 0px;
}
.bk-root .bk-toolbar-left,
.bk-root .bk-toolbar-right {
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.bk-root .bk-toolbar-left .bk-button-bar,
.bk-root .bk-toolbar-right .bk-button-bar {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.bk-root .bk-toolbar-left .bk-logo,
.bk-root .bk-toolbar-right .bk-logo {
  order: 0;
  -webkit-order: 0;
  margin-bottom: 5px;
  margin-top: 0px;
}
.bk-root .bk-toolbar-button {
  width: 30px;
  height: 30px;
  background-size: 60%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.bk-root .bk-toolbar-button:hover {
  background-color: #f9f9f9;
}
.bk-root .bk-toolbar-button:focus {
  outline: none;
}
.bk-root .bk-toolbar-button::-moz-focus-inner {
  border: 0;
}
.bk-root .bk-toolbar-above .bk-toolbar-button {
  border-bottom: 2px solid transparent;
}
.bk-root .bk-toolbar-above .bk-toolbar-button.bk-active {
  border-bottom-color: #26aae1;
}
.bk-root .bk-toolbar-below .bk-toolbar-button {
  border-top: 2px solid transparent;
}
.bk-root .bk-toolbar-below .bk-toolbar-button.bk-active {
  border-top-color: #26aae1;
}
.bk-root .bk-toolbar-right .bk-toolbar-button {
  border-left: 2px solid transparent;
}
.bk-root .bk-toolbar-right .bk-toolbar-button.bk-active {
  border-left-color: #26aae1;
}
.bk-root .bk-toolbar-left .bk-toolbar-button {
  border-right: 2px solid transparent;
}
.bk-root .bk-toolbar-left .bk-toolbar-button.bk-active {
  border-right-color: #26aae1;
}
.bk-root .bk-button-bar + .bk-button-bar:before {
  content: " ";
  display: inline-block;
  background-color: lightgray;
}
.bk-root .bk-toolbar-above .bk-button-bar + .bk-button-bar:before,
.bk-root .bk-toolbar-below .bk-button-bar + .bk-button-bar:before {
  height: 10px;
  width: 1px;
}
.bk-root .bk-toolbar-left .bk-button-bar + .bk-button-bar:before,
.bk-root .bk-toolbar-right .bk-button-bar + .bk-button-bar:before {
  height: 1px;
  width: 10px;
}
.bk-root .bk-tooltip {
  font-weight: 300;
  font-size: 12px;
  position: absolute;
  padding: 5px;
  border: 1px solid #e5e5e5;
  color: #2f2f2f;
  background-color: white;
  pointer-events: none;
  opacity: 0.95;
  z-index: 100;
}
.bk-root .bk-tooltip > div:not(:first-child) {
  /* gives space when multiple elements are being hovered over */
  margin-top: 5px;
  border-top: #e5e5e5 1px dashed;
}
.bk-root .bk-tooltip.bk-left.bk-tooltip-arrow::before {
  position: absolute;
  margin: -7px 0 0 0;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 0;
  border-color: transparent;
  content: " ";
  display: block;
  left: -10px;
  border-right-width: 10px;
  border-right-color: #909599;
}
.bk-root .bk-tooltip.bk-left::before {
  left: -10px;
  border-right-width: 10px;
  border-right-color: #909599;
}
.bk-root .bk-tooltip.bk-right.bk-tooltip-arrow::after {
  position: absolute;
  margin: -7px 0 0 0;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 0;
  border-color: transparent;
  content: " ";
  display: block;
  right: -10px;
  border-left-width: 10px;
  border-left-color: #909599;
}
.bk-root .bk-tooltip.bk-right::after {
  right: -10px;
  border-left-width: 10px;
  border-left-color: #909599;
}
.bk-root .bk-tooltip.bk-above::before {
  position: absolute;
  margin: 0 0 0 -7px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 0 7px;
  border-color: transparent;
  content: " ";
  display: block;
  top: -10px;
  border-bottom-width: 10px;
  border-bottom-color: #909599;
}
.bk-root .bk-tooltip.bk-below::after {
  position: absolute;
  margin: 0 0 0 -7px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 0 7px;
  border-color: transparent;
  content: " ";
  display: block;
  bottom: -10px;
  border-top-width: 10px;
  border-top-color: #909599;
}
.bk-root .bk-tooltip-row-label {
  text-align: right;
  color: #26aae1;
  /* blue from toolbar highlighting */
}
.bk-root .bk-tooltip-row-value {
  color: default;
  /* seems to be necessary for notebook */
}
.bk-root .bk-tooltip-color-block {
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-right: 5px;
  outline: #dddddd solid 1px;
  display: inline-block;
}
/* notebook specific tweaks so no black outline and matching padding
/* can't be wrapped inside bk-root. here are the offending jupyter lines:
/* https://github.com/jupyter/notebook/blob/master/notebook/static/notebook/less/renderedhtml.less#L59-L76 */
.rendered_html .bk-root .bk-tooltip table,
.rendered_html .bk-root .bk-tooltip tr,
.rendered_html .bk-root .bk-tooltip th,
.rendered_html .bk-root .bk-tooltip td {
  border: none;
  padding: 1px;
}